<script lang="ts" setup name="Father">
    import Son1 from './Son1.vue';
    import Son2 from './Son2.vue';
</script>

<template>
    <div class="father">
        <h2>父组件</h2>
        <Son1/>
        <Son2 class="son2"/>
    </div>
</template>

<style scoped>
    .father {
        background-color: gray;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 0 10px;
    }
    .son2 {
        margin-top: 10px;
    }
</style>